﻿body{font-family:Microsoft YaHei,Helvetica Neue,Helvetica,Roboto,Segoe UI,Arial,sans-serif;line-height:24px;font-size:16px;color: #333;background:#f4f4f4;}
*,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, 
blockquote, th, td, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button{padding: 0;margin: 0;}
li{list-style:none;}
a{text-decoration:none;color:#333;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal}
h1,h2{font-size:18px;}
h3,h4{font-size:16px;}
h5,h6{font-size:14px;}
textarea{font-family:Microsoft YaHei,Helvetica Neue,Helvetica,Roboto,Segoe UI,Arial,sans-serif;}
input{-webkit-appearance:none;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;}

/*===============================分割线=====================================*/



/**文章列表页面**/
.header{ padding-bottom:55px;}
.header header{padding:10px 0;background:#fff;}
.header .st-list>div{padding: 0 3%;position: relative;display: -webkit-box;}
.header header .st-format{width:15%;padding-top:15%;height:0;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 50%;}
.header .st-list-box p{color:#818181;}
.header .st-more .st-list-more{padding: 8px 0px 8px 0;}
.header .st-more .st-list-more a {display:block; color: #fff;background: #56AF55;height: 32px;line-height: 32px;padding: 0 10px;border-radius: 5px; font-size:14px;}
.header .st-more .st-list-more a:active{background: #90ce90;}
.header header .st-list-item:active {background: none;}

.list{margin-top:10px;background:#fff;}
.list .st-item-title{margin:0 3%;padding:0;color:#818181;}
.list .st-list>li{padding:10px 3%;}
.list .st-list>li a{position: relative;display: -webkit-box;}
.list .st-formats{margin-right:0;}
.list .st-formats>span{border-radius:0;}
.list .time{font-size:12px;}
.list .st-list-box p{line-height:24px;color:#999;}
.list .st-list>li:last-child:before{display:none;}


/**文章详情页面**/
.text{ padding:10px 3%; background:#fff;}
.text header h1{ font-size:16px; font-weight:bold; line-height:26px; margin-bottom:10px;}
.text header p{ font-size:14px;line-height:20px;}
.text header p span{ display:inline-block; margin-right:10px;}
.text header p .time{ color:#999;}
.text header p .name,.text header p .edit,.text header p .edit a{ color:#5C6993;}
.text .main{ margin-top:20px;}
.text .main .txt p{ line-height:24px; font-size:14px; margin:10px 0 20px;}

/**文章点赞**/
.text .number{display: flex; justify-content: space-between; font-size:14px;}
.text .number div{display: flex;}
.text .number div p{ height:24px; line-height:24px; display:flex; margin-right:10px; color:#adadad;}
.text .number div span{ display: inline-block; width:20px; height:20px; background:url(../img/haokan.png)no-repeat center;background-size: 70%; }
.leavelist h2 div span{ display: inline-block; width:20px; height:20px; background:url(../img/praise1.png)no-repeat center;background-size: 85%;}
.text .number div span.active,.leavelist h2 div span.active{ background-image:url(../img/praise2.png);}
.text .number a{ color:#adadad;}
.text .number div .praise,.leave h1 a,.leavelist h2 .praise{ color:#5C6993;}

/**文章留言**/
.leave{ padding:15px 0;}
.leave h1{padding:0 3%; display:flex; justify-content: space-between; font-size:16px; color:#999; margin-bottom:10px;}
.leavelist ul{ background:none;}
.leavelist ul li{ padding: 5px 3%;}
.leavelist ul li:active{ background:none;}
.leavelist .st-list-box{ padding-right:0;padding-top:2px;}
.leavelist .st-formats{ width:40px; height:40px;}
.leavelist .st-formats>span{ border-radius:5px;}
.leavelist h2{ display:flex; justify-content: space-between; font-size:0.9em; color:#999; }
.leavelist h2 .praise{display:flex; }
.leavelist .st-list-box .diss{display:flex;justify-content: space-between;}
.leavelist .st-list-box .diss .list-text{ flex:1;}
.leavelist .st-list-box p{ font-size:16px; color:#333;/*flex: 1;*/}
.leavelist .st-list-box img{ display:inline-block; width:20px; height:20px;vertical-align: text-bottom;}
.leavelist .st-list-box .dis .st-switch,.st-switch input{ width:35px;height:22px;}
.st-switch input:before{ width:35px;height:20px;}
.st-switch input:after{ width:20px;height:20px;}
.st-switch input:checked:after {left: 16px;}
.leavelist .reply a{ font-size:14px; color:#5C6993; width:fit-content;}
.leavelist .del span{ font-size:14px; color:#5C6993; width:fit-content;}
.leavelist .st-list-box .active h2{ padding-left:10px; position:relative;}
.leavelist .st-list-box .active h2.st-border-l:before{border-width:5px; border-color:#51A938; height:16px; top:4px;}
.loading{ color:#a7a7a7; line-height:30px; font-size:12px; text-align:center; padding: 0 3%;}

/**编辑**/
.editor .Eleditor-placeholder{ color:#333;min-height: 100px;} 

/**发布文章页面**/
.concent{ padding: 10px 3%; background:#fff;}
.concent h1{ font-size:16px; padding:5px 0 15px; display:flex;}


.Eleditor-controller{ z-index:99999;}

.issue .Eleditor-placeholder{ min-height:100px;}
.issue .st-textarea{ margin-top:0; width:70%;}
.issue  .cover{ width:30%;height: fit-content;background-repeat: no-repeat;background-position: center;background-size: cover; position:relative;}
.issue  .cover span{ position:absolute; top:0;bottom:0;left:0;right:0; margin:auto; width: fit-content;height: fit-content; font-size:12px;}

.concent .main{ font-size:14px; padding:5px 0; min-height:100px;}

.issue .st-item-title{ color:#999;}
.issue .st-form-list ul{ padding: 0 3%;}
.issue .st-form-list li{ padding:6px 0;}
.issue .st-form-list li label{ width:64px; margin-right:10px; display:block;text-align-last: justify;}
.issue .st-form-list li.st-link:after{ right:0;}
.issue .st-input input{ color:#666;}
.issue .st-input input::-moz-placeholder{ color:#999;}
.issue .st-input input::-ms-input-placeholder{ color:#999;}
.issue .st-input input::-webkit-input-placeholder{ color:#999;}


.button button,.issue button,.complain .form button{ margin: 20px auto; background:#56AF55; color:#fff;}
.button button:active,.issue button:active,.complain .form button:active{background: #90ce90;}





/**留言页面**/  
.content h1{ padding:5px 3%; font-size:16px; font-weight:bold; line-height:40px;}
.content .textarea:before,.content .textarea:after,.facelist:after{ border-color:#d2d2d2;}
.textarea article{ min-height:80px; line-height:24px;outline:none; border:none; max-height:150px;overflow-y: scroll;}
.textarea article img{ display: inline-block; width:24px; height:24px; vertical-align:text-bottom;}
.content .textarea{padding:10px 3%; background:#fff;}
.textarea textarea{ outline:none; border:none;resize: none; width:100%;min-height:80px;}
.face{ display:block; width:28px;height:28px; background:url(../img/face.png)no-repeat center; background-size:cover; margin-bottom:5px;}
.facelist{ height:0; overflow:hidden;}
.facelist.active{ padding:10px 0; height:auto; display:block; position:relative; overflow:visible;}
.facelist.active:after{content: ''; position: absolute;top: -11px;left: 4%;width: 20px;height: 20px;background: #f5f5f5;border: solid 1px #ccc;
    -webkit-transform: scale(0.5) rotate(45deg);transform: scale(0.5) rotate(45deg);border-right:none;border-bottom:none;}
#list_emotion>div .dels{ position:absolute; bottom:0; right:0;}
#list_emotion>div:last-child dd:nth-last-child(1),#list_emotion>div:last-child dd:nth-last-child(2){ display:none;}

.page_emotion dd {margin: 5px 0px; width: 12.5%; height: 24px; text-align: center; float: left; display: inline-block;}
.list_emotion *[data-key] {background: url("../img/defult1.png") no-repeat 0px 0px; margin: auto; width: 26px; height: 26px; color: transparent; display: block; -webkit-background-size: auto 26px;}
.list_emotion *.del {background-image: url("../img/del.png");}
.nav_emotion {padding: 10px 0px; text-align: center;}
.nav_emotion span {background: rgb(235, 235, 235); margin: 0px 5px; border-radius: 10px; width: 8px; height: 8px; display: inline-block;}
.nav_emotion span.on {background-color: rgb(187, 187, 187);}






/**投诉页面**/
.complain .st-item-title{ color:#999; font-size:14px; }
.complain .st-item-title.tip{ color:#999; font-size:14px; line-height:20px; padding:5px 3% 20px; }
.complain .tort .st-item-title{ line-height:20px; padding:10px 3%;}
.complain ul{ padding: 0 3%;}
.complain ul li{ padding: 0;}
.complain ul li.odd:after{ display:none;}
.complain ul li:last-child:before{ display:none;}
.complain .st-list-module .st-list-box{ padding:10px 0;}

.complain .form .bock{ padding:10px 3%; background:#fff;}
.complain .form .bock .new{ display:-webkit-box;}
.complain .form .bock .new h1{-webkit-box-flex:1; line-height:65px; font-size:16px; }
.complain .form .bock .new span{ display:block; width:100px; height:65px; background-repeat:no-repeat; background-size:cover; background-position:center;}
.complain .blcok{padding:0px 3%; width:94%; background:#fff;}
.complain .st-textarea{margin-top:0; padding:10px 0;}

.complain .st-textarea p{ text-align:right; color:#999;}
.complain .st-textarea h1{ font-size:16px; line-height:26px; overflow:hidden; height:26px;}
.complain .st-textarea h1 span{ font-size:14px; color:#999;}
.complain .st-textarea h1 span.num{ float:right; color:#999;}
.complain .st-textarea ul{ padding:5px 0;}
.complain .st-textarea ul li{ width:25%;}
.complain .st-textarea ul li span{ display:block; margin:2% auto; width:96%; height:96%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.complain  .money { padding:5px 0;}
.complain  .money .st-list{ display:flex;justify-content: space-between;}
.complain  .money .st-list label{ width:80px; display:block; line-height:30px; font-size:16px;}
.complain  .money .st-list>div{display:-webkit-box;}
.complain  .money .st-list>div .st-input{-webkit-box-flex:1;}
.complain  .money .st-list>div .st-input input{ line-height:30px;}
.complain  .money .yuan{ color:#999;}

/**投诉子级页面**/
.torts{ padding:10px 3%;}
.torts p{ margin-top:20px; font-size:1em;}
.torts li{font-size:1em;}
.torts .img{ margin:20px 0 0;}



/**提示页面**/
.tip{ background:#fff;}
.tip img{ display:block; width:35%; margin:10% auto;}
.tip h1{ font-weight:bold; padding:0 3%; text-align:center; font-size:16px;}
.tip p{  padding:0 3%; text-align:center; font-size:14px; line-height:20px; color:#999; margin-top:15px;}

.tip button{ background:#51A938; display:block; margin:25px auto; height:44px; line-height:44px; letter-spacing:1px;}
.tip button:active{ background:#88bb79;}




/***我的***/
.my header{ background:#56AF55; padding:15px 0;}
.my header p{ margin:10px 0 0;}
.my .link {margin-top: 10px;}
.my .link li {padding: 0;}
.my .link li a {display: -webkit-box;padding: 8px 3%;width: 94%;}
.my .link li .st-picture {width:24px;height:24px;margin: 0;margin-right: 10px;}
.my .link li .st-picture span{ background-size:95%;}
.my .link li .st-list-box {padding: 0;}
.my .st-list-box h4{ font-size:14px;}

/***推荐平台***/
.terrace.my .link{ margin-top:0;}
.terrace.my .link li .st-picture{ width:50px;height:50px;}
.terrace.my .link li .st-picture span{background-size:cover;border-radius:5px; background-image:url(../img/moren.png);}
/***入驻申请***/
.enter input{color:#333;}
.enter input::-ms-input-placeholder,.enter input::-webkit-input-placeholder,.enter inpu::-moz-placeholder{ color:#999;}
.enter button{ margin:30px auto; background:#56AF55;}

/***关于我们***/
.about{height:100%; display:flex;flex-direction: column;align-items: center;justify-content:space-around;}
.about>div{ margin-top:20%;}
/*.about{ background:#fff; height:100%; display:flex;flex-direction: column;align-items: center;justify-content:space-around;}
.about>div{ height:50%; display:flex;flex-direction: column;align-items: center;justify-content:flex-end;}*/
.about>div>div{ margin-bottom:10%;}
.about .logo{ width:auto;}
.about .logo span{ width:70px; height:70px; display:block;border-radius: 5px;overflow: hidden; margin:auto;}
.about .logo p{ text-align:center; margin-top:10px;}
.about .copy p{ font-size:12px; text-align:center; line-height:20px; font-size:12px; color:#999;}


/***联系客服***/
.concat.my ul{ margin-top:0;}
.concat.my .link li .st-picture{ width:40px; height:40px;}
.concat.my .link li .st-picture span{ background-size:cover;background-image: url(../img/moren.png);}



footer ul li p{color:#999;}
footer ul li.active p{color:#58b053;}